<!DOCTYPE html>
<html>
	<head>
		<!-- 设置浏览器不缓存 -->
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
		<!-- Content-Type -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心</title>
		<!--stylesheets-->
		<link rel="stylesheet" href="./plugins/element/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/vue/clipboard.js"></script>
		<script src="./plugins/element/index.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<!-- 自定义样式表 -->
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">
	</head>
	<style type="text/css">
		.el-range-editor.el-input__inner {
			width: 200px;
		}

		.el-range-editor .el-range-input {
			width: 80px;
		}

		.el-form-item__healthstyle .el-form-item__label {
			width: 50%;
		}

		.el-form-item__workexperiencestyle .el-form-item__label {
			width: 50%;
		}

		.el-form-item__family .el-form-item__label {
			width: 50%;
		}

		.el-form-item__baseinfo .el-form-item__label {
			width: 50%;
		}

		.el-table .success-row {
			background: #f0f9eb;
		}
	</style>
	<body>
		<div id="app">
			<template>
				<el-container class="maincontainer">
					<el-container class="submaincontainer">
						<el-card class="box-card" style="position:relative;width:330px" shadow="never" v-show="leftbar_show">
							<div style="position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding-left: 20px;padding-top: 20px;padding-right: 20px;">
								<el-form :model="queryForm" ref="queryForm">

									<el-form-item label="档案号" prop="documentNumber" autocomplete="off">
										<el-input v-model="queryForm.documentNumber"></el-input>
									</el-form-item>



									<el-form-item label="公司名称" prop="companyname">
										<el-input v-model="queryForm.companyname"></el-input>
									</el-form-item>


									<el-form-item>
										<el-button size="small" type="primary" @click.native.prevent="start" style="position:fixed;left:20px;bottom:5px;">查询</el-button>
									</el-form-item>
								</el-form>
							</div>
						</el-card>



		</div>
		<el-card class="box-card" style="width:100%" shadow="never">
			<div slot="header" class="clearfix">
				<i v-on:click="showLeftBar()" v-bind:class="[leftbar_show ? 'el-icon-s-fold' : 'el-icon-s-unfold']" style="color:#409EFF;cursor:pointer;"></i>
				<span>档案列表</span>
				<el-button-group style="float: right;margin-top:0px;">
					<el-button size="small" icon="el-icon-document-add" type="primary" @click="toolAction('添加')">添加</el-button>

				</el-button-group>
			</div>
			<div>

				<el-table ref="multipleTable" @select='selectionChange' :data="pagedata" tooltip-effect="dark" :height="tableHeight"
				 border highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange" row-key="id"
				 @expand-change="clickTable">
					<!-- 			<el-table-column type="index" min-width="55">
					</el-table-column> -->

					<el-table-column type="selection" width="55">
					</el-table-column>




<!-- 					<div class="demo-image">
						<div class="block" v-for="fit in fits" :key="fit">
							<span class="demonstration">{{ fit }}</span>
							<el-image style="width: 100px; height: 100px" :src="url" :fit="fit"></el-image>
						</div>
					</div>

 -->






					<el-table-column type="expand" height="250">
						<template slot-scope="props">

							<div class="demo-icon">
								<div  class="block" v-for="fit in fits" :key="fit">
									<div><span class="demonstration">{{fit}}</span></div>
									<i class="el-icon-folder" :fit="fit" style="font-size: 100px;"></i>
								</div>

							</div>
						</template>

					</el-table-column>
					<el-table-column v-for="column in tablecolums" v-bind:prop="column.prop" v-bind:label="column.label"
					 v-bind:min-width="column.width" show-overflow-tooltip>
					</el-table-column>
					<el-table-column label="操作" min-width="80">
						<template slot-scope="scope">
							<el-link type="primary" @click="edit(scope.$index, scope.row)">编辑</el-link>

						</template>
					</el-table-column>

					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentPageChange" :current-page="queryForm.pageNo"
					 :page-sizes="queryForm.pagesizes" :page-size="queryForm.pagesize" background layout="total,sizes, prev, pager, next"
					 :total="pagetotal">
					</el-pagination>
			</div>
			</div>
		</el-card>
		</el-container>
		</el-container>




		</template>
		</div>
	</body>

	<script src="./js/document.js"></script>

	</script>
</html>
